import { createRouter, createWebHistory, RouteRecordRaw } from 'vue-router'
import Home from '../views/Home.vue'

const routes: Array<RouteRecordRaw> = [
  {
    path: '/',
    name: 'Home',
    component: Home
  },
  {
    path: '/about',
    name: 'About',
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () => import(/* webpackChunkName: "about" */ '../views/About.vue')
  }, {
    path: "/watcher",
    name: "watcher",
    component: () => import("@/views/watcher.vue")
  }, {
    path: "/provide_inject",
    name: "provideInject",
    component: () => import("@/views/provide_inject/parent.vue")
  },{
    path:"/demo_list",
    component:()=> import("@/views/demo/DemoList.vue")
  },{
    path:"/demo_list_class",
    component:()=> import("@/views/demoClass/DemoList.vue")
  },{
    path:"/first-page",
    component:()=>import("@/views/test/firstPage.vue")
  },{
    path:"/word-model",
    component:()=>import("@/views/wordModel/index.vue")
  }
]

const router = createRouter({
  history: createWebHistory(process.env.BASE_URL),
  routes
})

export default router
